<!DOCTYPE html>
<html>
 <head> 
  <meta charset="UTF-8" /> 
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <title>签到表</title> 
  <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css" /> 
  <style>
            body{background-color:#eee;}
            form{padding:5px;}
            .img{height:200px !important;}
        </style> 
 </head> 
 <body> 
  <header data-am-widget="header" class="am-header am-header-default"> 
   <h1 class="am-header-title"> <a href="#title-link" class=""> 签到表 </a> </h1> 
  </header> 
  <br /> 
  <div class="am-g"> 
   <div class="am-u-sm-6"> 
    <div class="am-thumbnail"> 
     <img class="img" src="/static/1.jpg" alt="" /> 
     <div class="am-thumbnail-caption"> 
      <h3>萌猫咪</h3> 
     </div> 
    </div> 
   </div> 
   <div class="am-u-sm-6"> 
    <div class="am-thumbnail"> 
     <img class="img" src="/static/2.jpg" alt="" /> 
     <div class="am-thumbnail-caption"> 
      <h3>红满堂妹妹</h3> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div id="content" style="padding:20px;"></div> 
  <script id="t" type="text/html">
            {{each lists as value index}}
            <article class="am-comment">
  <a href="#link-to-user-home">
    <img src="{{value['pic']}}" alt="" class="am-comment-avatar" width="48" height="48"/>
  </a>

  <div class="am-comment-main">
    <header class="am-comment-hd">
      <!--<h3 class="am-comment-title">评论标题</h3>-->
      <div class="am-comment-meta">
        <a href="#link-to-user" class="am-comment-author">{{value['username']}}</a>
        评论于 <time datetime="2013-07-27T04:54:29-07:00" title="">{{value['time']}}</time>
      </div>
    </header>

    <div class="am-comment-bd">
        {{value['text']}}
    </div>
  </div>
</article>
<br>
{{/each}}
       </script> 
  <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> 
  <script src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script> 
  <script src="/static/template.js"></script> 
  <script>
            $(document).ready(function(){
                obj = [
                    {"username":"萌猫", "text": "红满堂妹妹好！", "time": "2015-10-13", "pic": "/static/1.jpg"},
                    {"username":"红满堂妹妹", "text": "萌猫呀，好久不见，听说你升级成为管理员啦，记得多多提携！", "time": "2015-10-13", "pic": "/static/2.jpg"},
                    {"username":"萌猫", "text": "这个当然，我们是好朋友嘛", "time": "2015-10-13", "pic": "/static/1.jpg"},
                    {"username":"红满堂妹妹", "text": "萌猫，是时候大展身手了喔，制作一些好玩的应用喔", "time": "2015-10-13", "pic": "/static/2.jpg"},
                    {"username":"萌猫", "text": "这个必须的，这么多小朋友，请拭目而待", "time": "2015-10-13", "pic": "/static/1.jpg"},
                    {"username":"红满堂妹妹", "text": "好，我就等着你和小朋友的新应用！", "time": "2015-10-13", "pic": "/static/2.jpg"}
                ]
                var html = template("t", {"lists": obj});
                $("#content").html(html);
            });
        </script>  
 </body>
</html>
